<template>
    <div v-if="errors.length > 0" class="mb-4 p-3 bg-red-500/20 border border-red-500/50 rounded-lg">
        <div class="text-red-400 text-sm">
            <div class="font-medium mb-1">请检查以下问题：</div>
            <ul class="list-disc list-inside space-y-1">
                <li v-for="error in errors" :key="error" class="text-xs">{{ error }}</li>
            </ul>
        </div>
    </div>
</template>

<script setup>
// Props
const props = defineProps({
    errors: {
        type: Array,
        default: () => []
    }
})
</script>